<template>
  <div class="banner">
    <div class="banner-content">
      <h2>数码新品特惠</h2>
      <p>限时折扣，立即抢购</p>
    </div>
  </div>
</template>

<script setup>
// Banner组件逻辑
</script>

<style scoped>
.banner {
  width: 100%;
  height: 180px;
  background: linear-gradient(135deg, #3498db, #9b59b6);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.banner-content {
  color: white;
  text-align: center;
  padding-top: 60px;
}

.banner-content h2 {
  margin: 0 0 10px 0;
  font-size: 1.8rem;
}

.banner-content p {
  margin: 0;
  font-size: 1.2rem;
  opacity: 0.9;
}
</style>
    